body {
	background-color:#f9f9f9;
	background-image:url('../images/body-bg.jpg');
	text-shadow: 1px 1px #FFF;
	font-family: Verdana;
	color:#888888;
	font-size:12px;
	line-height:1.4em;
}
::selection {
	background:#d4d4d4;
	color:#666666;
}
::-moz-selection {
	background:#d4d4d4;
	color:#666666;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	min-width: 940px;
	width:940px;
	height:100%;
	padding-left:10px;
	padding-right:10px;
}

.item a { 
	display:block;
	margin-bottom:12px;
	padding:5px;
	background:url('../images/pattern/1.png');
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}

.logo-cont {
	width:620px;
	overflow:visible;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-310px; /*Смещаем блок на половину всей ширины влево*/
    margin-top:-400px; /*Смещаем блок на половину высоты вверх*/
}
.signature {
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	padding-top:15px;
	text-transform:uppercase;
}
/*-------------------------------------------------------*/
	/*Typography*/
/*-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family:Yanone Kaffeesatz;
	color:#000000; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 36px; line-height: 50px; margin-bottom: 10px;}
h2 { font-size: 32px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 26px; line-height: 23px; margin-bottom: 8px; }
h4 { font-size: 22px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 16px; line-height: 24px; margin-bottom: 4px; }
h6 { font-size: 14px; line-height: 21px; }

p { margin: 0 0 20px 0; }
.small { font-size:90%;}
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
.em { font-style: italic; color:#777777; margin-top:3px; }
.strong { font-weight: bold; color: #333; }
.small-italic {font-size:90%; font-style:italic;}
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
/*404error*/
p.error{
	font-size:172px;
	font-family:Arial;
	margin-bottom:40px;
	margin-top:60px;
	padding-right:20px;

}
.center { text-align:center;}
.slogan { text-align:center;}
.slogan h2 { margin-bottom:0px; text-transform:uppercase;}
.slogan h4 { margin-bottom:0px; text-transform:none;}
.footer h6{ text-transform:uppercase; margin-bottom:8px; font-size:18px;}
.from_portfolio h3 { margin-bottom:20px !important;}
.footer p { padding-right:10px; width:210px; margin-bottom:5px !important;}
.colored { color:#ff9900;}

.link { color:#ff9900;}
.link:hover { text-decoration: underline; cursor:pointer;}
a:hover { text-decoration:underline;}
.footer {}

/*-------------------------------------------------------*/
	/*GRID*/
/*-------------------------------------------------------*/

.main-wrapper {
	width: 1030px;
	margin: 0 auto;
	background:url('../images/pattern/2.png');
	margin-top:30px;
	margin-bottom:30px;
	padding-top:20px;
	padding-bottom:20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* A container should group all your columns. */
.container {
	width: 940px;
	margin: 0 auto;
	padding:30px 20px 30px 30px;
	background-color:#f9f9f9;
	background-image:url('../images/pattern/2w.png');
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	min-height:500px;
}

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left; margin-right: 20px; margin-top:40px;}
.columns .span-1, .columns .span-2, .columns .span-3, .columns .span-4, .columns .span-5, .columns .span-6, .columns .span-7, .columns .span-8, .columns .span-9, .columns .span-10, .columns .span-11, .columns .span-12, .columns .span-13, .columns .span-14, .columns .span-15, .columns .span-16, .columns .span-17, .columns .span-18, .columns .span-19, .columns .span-20, .columns .span-21, .columns .span-22, .columns .span-23, .columns .span-24 { height:30px; background:#ededed; text-align:center; margin-top:10px !important; padding-top:10px;}
p.span-1, p.span-2, p.span-3, p.span-4, p.span-5, p.span-6, p.span-7, p.span-8, p.span-9, p.span-10, p.span-11, p.span-12, p.span-13, p.span-14, p.span-15, p.span-16, p.span-17, p.span-18, p.span-19, p.span-20, p.span-21, p.span-22, p.span-23, p.span-24 {float:left; margin-right: 20px; margin-top:40px;}
/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 20px;}
.span-2  { width: 60px;}
.span-3  { width: 100px;}
.span-4  { width: 140px;}
.span-5  { width: 180px;}
.span-6  { width: 220px;}
.span-7  { width: 260px;}
.span-8  { width: 300px;}
.span-9  { width: 340px;}
.span-10 { width: 380px;}
.span-11 { width: 420px;}
.span-12 { width: 460px;}
.span-13 { width: 500px;}
.span-14 { width: 540px;}
.span-15 { width: 580px;}
.span-16 { width: 620px;}
.span-17 { width: 660px;}
.span-18 { width: 700px;}
.span-19 { width: 740px;}
.span-20 { width: 780px;}
.span-21 { width: 820px;}
.span-22 { width: 860px;}
.span-23 { width: 900px;}
.span-24, div.span-24 { width: 940px; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:9px;
  margin-right:10px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:13px;
  margin-right:10px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}
.pull-24 { margin-left: -960px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px;}
.push-24 { margin: 0 -960px 1.5em 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative; margin-top:10px !important; margin-bottom:0px}

.notopmargin { margin-top:0px !important;}
.nobottommargin { margin-bottom:0px !important;}
.last { margin-right:0px !important;}
.left {float:left}
.right {float:right}


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
	padding: 1.5em; 
	margin-bottom: 1.5em; 
	background: #E5ECF9; 
}

.separator {
	clear:both;
	margin-top:40px;
	height:1px;
	background:#ededed;
}
.separator-inner {
	clear:both;
	margin-top:15px !important;
	height:1px;
	background:#ededed;
}
.separator-double {
	clear:both;
	margin-top:40px;
	height:10px;
	background:#ffffff;
	background-image:url('../images/pattern/1.png');
}
.slogan .span-24 { margin-top:20px;}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


/*****Navigation Basic Layout*****/
ul#filter { float: left; list-style: none; margin-left: 0; width: 100%; }
ul#filter li {
	float: left;
	font-size:10px;
	line-height: 12px;
	margin-right:15px;
	padding: 2px 8px;
	background:#ffffff;
	border: 1px solid #ededed;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
ul#filter li:first-child { margin-left:10px; }
ul#filter a { text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { }
ul#filter li.current a { color: #ffffff; }
.filter-title h3 { margin-top:6px;}
ul#filter li.current { background:#000000; border: 1px solid #000000;}

/* Navigation  */
ul#filter-sidebar { width:260px; }
ul#filter-sidebar li {
	font-size:12px !important; 
	border-bottom: 1px  dashed #f4f4f4;
	font-size:10px;
	line-height: 12px;
	line-height:30px;
	padding-left:20px;
	background:url("../images/read-more-arrow-dark.html") no-repeat 0px 10px;
}
ul#filter-sidebar li:hover, ul#filter-sidebar li.current { background:url("../images/read-more-arrow-hover-dark.html") no-repeat 0px 10px; background-color:#f9f9f9; cursor:pointer; }
ul#filter-sidebar a { color: #777777; text-decoration: none; }
ul#filter-sidebar li.current a, ul#filter-sidebar a:hover { text-decoration: none; color:#333333;  }
ul#filter-sidebar li.current a { color: #333333;}


